﻿@page "/docs/helpers/enums/icon"

<Seo Canonical="/docs/helpers/enums/icon" Title="Enums: Icon" Description="Learn to use and work with the Blazorise Icons enums that help you to modify the icons appearance and their behavior." />

<DocsPageTitle>
    Enums: Icon
</DocsPageTitle>

<DocsPageSection>
    <DocsPageSectionHeader Title="IconSize">
        <Paragraph>Defines the size of an</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>IconSize.None</Code> The icon size will not be applied.</UnorderedListItem>
            <UnorderedListItem><Code>IconSize.ExtraSmall</Code> The icon will be size 0.75em.</UnorderedListItem>
            <UnorderedListItem><Code>IconSize.Small</Code> The icon will be size 0.875em.</UnorderedListItem>
            <UnorderedListItem><Code>IconSize.Large</Code> The icon will be size 1.33em (Also applies vertical-align: -25%).</UnorderedListItem>
            <UnorderedListItem><Code>IconSize.x2</Code> The icon will be size 2em.</UnorderedListItem>
            <UnorderedListItem><Code>IconSize.x3</Code> The icon will be size 3em.</UnorderedListItem>
            <UnorderedListItem><Code>IconSize.x4</Code> The icon will be size 4em.</UnorderedListItem>
            <UnorderedListItem><Code>IconSize.x5</Code> The icon will be size 5em.</UnorderedListItem>
            <UnorderedListItem><Code>IconSize.x6</Code> The icon will be size 6em.</UnorderedListItem>
            <UnorderedListItem><Code>IconSize.x7</Code> The icon will be size 7em.</UnorderedListItem>
            <UnorderedListItem><Code>IconSize.x8</Code> The icon will be size 8em.</UnorderedListItem>
            <UnorderedListItem><Code>IconSize.x9</Code> The icon will be size 9em.</UnorderedListItem>
            <UnorderedListItem><Code>IconSize.x10</Code> The icon will be size 10em.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="IconStyle">
        <Paragraph>Represents a different look of the same icons.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>IconStyle.Solid</Code> Icon will be filled with single-color.</UnorderedListItem>
            <UnorderedListItem><Code>IconStyle.Regular</Code> Icon will be outlined with single-color.</UnorderedListItem>
            <UnorderedListItem><Code>IconStyle.Light</Code> Icon will be slightly lighter.</UnorderedListItem>
            <UnorderedListItem><Code>IconStyle.DuoTone</Code> Icon will be shown in two-color tones.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>